<template>
  <div class="db-management">
    <div class="detail">
      <detail-card
        :groupId="route.query.categoryId"
        :staticPermission="staticPermission"
      />
    </div>
  </div>
</template>
<script setup>
import { computed, onMounted, onUnmounted, ref } from 'vue'
import { useRoute } from 'vue-router'
import DetailCard from './detail-card-embed.vue'
/**
 * 外部参数
 */
defineProps({
  staticPermission: {
    type: Object,
  },
})

/**
 * 如果导航上有目录选中参数与关键字查询参数就需要等待树加载完毕后查询出树节点信息
 */
//keyWord 监听导航上的参数变化
let route = useRoute()
</script>
<style scoped lang="less">
.db-management {
  height: 100%;
  display: flex;
  .dir {
    background: #ffffff;
    border-radius: 2px;
    margin-right: 12px;
    padding: 20px;
    min-width: 212px;
    box-sizing: border-box;
  }
  .detail {
    flex: 1;
    overflow: hidden;
  }
}
</style>

<script>
export default {
  name: 'db-management/engineering/embed-for-query-list-by-category-id',
}
</script>
